<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="UTF-8">
    <title>购物车</title>

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/cart.css">
</head>
<body>

<!--顶部-->
<div class="jd_base_header">
    <!--顶部显示的topbar-->
    <div class="jd_topbar">
        <a href="index.html" class="icon_back"></a>
        <span class="jd_topbar_title">购物车</span>
        <div class="icon_shortcut"></div>
    </div>
    <!--快捷菜单-->
    <ul class="jd_shortcut" style="display: none">
        <li>
            <a href="index.html">
                <span class="icon_home"></span>
                <p>首页</p>
            </a>
        </li>
        <li >
            <a href="category.html">
                <span class="icon_category"></span>
                <p>分类搜索</p>
            </a>
        </li>
        <li class="current">
            <a href="cart.html">
                <span class="icon_cart"></span>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="me.html">
                <span class="icon_me"></span>
                <p>我的京东</p>
            </a>
        </li>
    </ul>
</div>
<!--安全提示-->
<div class="jd_safe_tip">
    <span>您正在安全购物环境中，请放心购物</span>
</div>
<!--店铺们-->
<div class="jd_shop_group">
    <!--商铺-->
    <div class="jd_shop">
        <!--商铺的头部-->
        <div class="jd_shop_header">
            <div class="shop_header_left">
                <div class="checkbox" checked></div>
            </div>
            <div class="shop_header_con">
                <div class="shop_title">
                    <span class="shop_title_logo"></span>
                    <span class="shop_title_name">京东自营</span>
                </div>
                <div class="shop_transport_info">运费优惠一百块</div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--商铺-->
    <div class="jd_shop">
        <!--商铺的头部-->
        <div class="jd_shop_header">
            <div class="shop_header_left">
                <div class="checkbox" checked></div>
            </div>
            <div class="shop_header_con">
                <div class="shop_title">
                    <span class="shop_title_logo"></span>
                    <span class="shop_title_name">京东自营</span>
                </div>
                <div class="shop_transport_info">运费优惠一百块</div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--商铺-->
    <div class="jd_shop">
        <!--商铺的头部-->
        <div class="jd_shop_header">
            <div class="shop_header_left">
                <div class="checkbox" checked></div>
            </div>
            <div class="shop_header_con">
                <div class="shop_title">
                    <span class="shop_title_logo"></span>
                    <span class="shop_title_name">京东自营</span>
                </div>
                <div class="shop_transport_info">运费优惠一百块</div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--商铺内的商品-->
        <div class="shop_goods">
            <!--选中与否-->
            <div class="goods_left">
                <div class="checkbox"></div>
            </div>
            <!--商品内容-->
            <div class="goods_con">
                <!--展示的链接-->
                <a href="" class="goods_con_link">
                    <img src="images/intro3.jpg" alt="">
                </a>
                <!--详细信息-->
                <div class="goods_con_detail">
                    <div class="detail_desc">这是咱们产品的一个描述,它老牛差了块来买不哈哈哈哈哈哈哈哈哈啊</div>
                    <div class="detail_price">&yen;999</div>
                    <div class="detail_bottom">
                        <div class="goods_count">
                            <span class="minus">-</span>
                            <!--默认弹出的键盘是数字键盘,默认购买的数量1件-->
                            <input type="tel" value="1">
                            <span class="add">+</span>
                        </div>

                        <div class="rubbishbox">
                            <span class="up"></span>
                            <span class="down"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--自定义alert提示-->
<!--遮盖-->
<div class="alert_cover" style="display: none">
    <!--提示框-->
    <div class="alert">
        <!--msg提示-->
        <div class="alert_top">您确定要删除这个商品吗?</div>
        <div class="alert_bottom">
            <div class="alert_bottom_left">取 消</div>
            <div class="alert_bottom_right">确 定</div>
        </div>
    </div>
</div>

<script src="js/base.js"></script>
<script src="js/cart.js"></script>
</body>
</html>